/* Vant  配色 */
$black: #000;
$white: #fff;
$gray-1: #f7f8fa;
$gray-2: #f2f3f5;
$gray-3: #ebedf0;
$gray-4: #dcdee0;
$gray-5: #c8c9cc;
$gray-6: #969799;
$gray-7: #646566;
$gray-8: #323233;
$red: #ee0a24;
$blue: #1989fa;
$orange: #ff976a;
$orange-dark: #ed6a0c;
$orange-light: #fffbe8;
$green: #07c160;

/* element-ui  配色 */
$color-Blue: #409EFF;
$color-Success: #67C23A;
$color-Warning: #E6A23C;
$color-Danger: #F56C6C;
$color-Info: #909399;

$color-yellow:#ffc201;
$color-org:#ff5f01;

$color-text1:#303133;
$color-text2:#606266;
$color-text3:#909399;
$color-text4:#C0C4CC;

$color-border1:#DCDFE6;
$color-border2:#E4E7ED;
$color-border3:#EBEEF5;
$color-border4:#F2F6FC;


.page-bg{
  background-color: $gray-1;
}
.gray-5{
  color: $gray-5;
}
.gray-6{
  color: $gray-6;
}
.orange-dark{
  color: $orange-dark;
}
.red{
  color: $red;
}
.orange{
  color: $orange;
}

// 以“单词”作为换行依据
@mixin text-break-word() {
  white-space: pre-wrap;
  word-wrap: break-word;
}

@mixin text-overflow-nowrap() {
  overflow: hidden;
  white-space: nowrap;
}

// 单行文本以省略号形式（...）溢出隐藏
@mixin text-overflow-nowrap-ellipsis() {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

// 多行文本溢出隐藏（Webkit内核浏览器）
@mixin text-overflow-ellipsis($count) {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $count;
  text-overflow: ellipsis;
}

@mixin transForm($content) {
  transform: $content;
  -webkit-transform: $content;
  -ms-transform: $content;
}


@mixin wordHidden {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@mixin wordHidden_2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@mixin clearFloat{
  content: "";
  display: block;
  clear: both;
}